<template>
  <nut-popup class="top-msg" position="top" closeable v-model="is_show">{{top_msg}}</nut-popup>
</template>

<script>
export default {
  name: 'TopMsg',
  data () {
    return {
        is_show:false
    }
  },
  props:[
    "top_msg",
    "top_msg_show",
  ],
    watch:{
      top_msg_show(val){
          this.is_show = true;
      }
    },
    methods:{

    }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .top-msg{
    padding:1rem;
    text-align: left;
    background-color: #ff5825;
    color:#fff;
  }
</style>
